
var box_length = $(".banner-detail-left ul li").length;

//    添加至右边
$(".banner-detail-left ul").on("dblclick","li",function(){
	var html = $(this).clone();
	$(".banner-detail-right ul").append(html);
	$(this).addClass("on");
})


//      右边移除
$(".banner-detail-right ul").on("dblclick","li",function(){
	$(this).html("");
	var clas = $(this).attr("class");

	//$(".banner-detail-left ul li."+clas).css({"background":"none"});
	$(".banner-detail-left ul li."+clas).removeClass("on");;
})

//      右边选择
$(".banner-detail-right ul").on("click","li",function(){
	$(this).toggleClass("on").siblings().removeClass("on");
})




//    右边上下移动

	//    上移
	$(".banner-detail-center ul li.move2").click(function(){

		var move_index = $(".banner-detail-right ul li.on").index();

		var arr = $('.banner-detail-right ul').find('li').toArray();// 把三个div放进数组里面
		if(move_index<=0)
			return false;
		// 1 3对调
		var temp = arr[move_index];

		arr[move_index] = arr[move_index-1];
		arr[move_index-1] = temp;

		$('.banner-detail-right ul').html(arr)

	})

	//    下移
	$(".banner-detail-center ul li.move3").click(function(){

		var move_index = $(".banner-detail-right ul li.on").index();

		var arr = $('.banner-detail-right ul').find('li').toArray();// 把三个div放进数组里面

		// 1 3对调
		var temp = arr[move_index];

		arr[move_index] = arr[move_index+1];
		arr[move_index+1] = temp;

		$('.banner-detail-right ul').html(arr)

	})



	//	置顶

	$(".banner-detail-center ul li.move1").click(function(){

		var clone = $(".banner-detail-right ul li.on").clone();
		$(".banner-detail-right ul li.on").remove();
		$('.banner-detail-right ul').prepend(clone)

	})

	//	置底

	$(".banner-detail-center ul li.move4").click(function(){

		var clone = $(".banner-detail-right ul li.on").clone();
		$(".banner-detail-right ul li.on").remove();
		$('.banner-detail-right ul').append(clone)

	})



//   全部添加与全部移除


	//	全部添加

	$(".banner-detail-center ul li.sel1").click(function(){

		var html = '';
		var len = $(".banner-detail-left ul li").length;
		for(var j=1;j<=len;j++){
			var ss = $(".banner-detail-left ul li").eq(j-1).attr("class");
			if(ss == "li"+j)
				html += '<li class="li'+j+'">'+$(".banner-detail-left ul li.li"+j).html()+'</li>';
		}
		$(".banner-detail-right ul").append(html);

	})


	//	全部移除
	$(".banner-detail-center ul li.sel4").click(function(){
		$(".banner-detail-left ul li").removeClass("on");
		$(".banner-detail-right ul li").html("");

	})


















